<!--
 * @FilePath: Main.vue
 * @Author: 杜芬
 * @Date: 2025-04-21 16:08:26
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2025-04-22 16:41:06
 * Copyright: 2025 xxxTech CO.,LTD. All Rights Reserved.
 * @Descripttion: 页面
-->
<script setup>
import CommonAside2 from '@/components/CommonAside2.vue'
import CommonHeader from '@/components/CommonHeader.vue'
// import CommonAside from '@/components/CommonAside.vue'
</script>

<template>
  <div class="common-layout">
  <el-container class="lay-container">
    <!-- 自定义左侧组件 -->
    <common-aside-2 />
  <el-container>
    <el-header class="el-header">
      <!-- 顶部 -->
      <CommonHeader />
    </el-header>
    <el-main class="el-main">
      <router-view></router-view>
    </el-main>
  </el-container>
  </el-container>
  </div>
</template>

<style lang="less" scoped>
.common-layout, .lay-container {
  height: 100%;
}
// .lay-container {
//   background-color: red;
// }
.el-header {
  background-color: #edf2fa;
}
.el-main {
  width: 100%;
  height: 100%;
  // border: 1px solid red;
}
</style>